<template>
  <view class="out-content" @tap="copyMethods">
    <text
      class="iconfont icon-copy"
      :style="{ color: iconColor, fontSize: iconFontSize + 'rpx' }"
    ></text>
    <text
      class="iconcolor icon-a-DOCX1"
      style="padding: 20rpx; background-color: pink; font-size: 60rpx"
    ></text>
  </view>
</template>

<script setup lang="ts">
const props = defineProps({
  text: {
    type: String,
    default: ""
  },
  iconColor: {
    type: String,
    default: "#2979ff"
  },
  iconFontSize: {
    type: String,
    default: "40"
  }
});
// 点击复制
function copyMethods() {
  uni.setClipboardData({
    data: props.text
  });
}
</script>

<style lang="scss" scoped>
.out-content {
  display: inline-flex;
  padding: 10rpx 20rpx;
}
</style>
